<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>ytw</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/index.css" rel="stylesheet">
		<link href="css/test.css" rel="stylesheet">
		<script type="application/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="application/javascript" src="js/bootstrap.js"></script>
		<script src="//cdn.bootcss.com/bootstrap-hover-dropdown/2.2.1/bootstrap-hover-dropdown.js"></script>
		<title></title>
	</head>

	<body>
		<div class="container">
			<div class="row">
				<div class="logo ">
					<img src="img/logo.jpg" class="img-responsive center-block col-lg-12" alt="Responsive image">
				</div>
			</div>
			<!--
            	作者：1191948476@qq.com
            	时间：2017-03-05
            	描述：导航
            -->
			<div class="row navbar">
				<div id="navbar" class="navbar-collapse collapse navbar-inner">
					<ul class="nav nav-pills ">
						<li class="nav_li col-lg-2" role="presentation ">
							<div class="nav_name"><a href="#">网站首页</a></div>
						</li>
						<li class="dropdown nav_li col-lg-2">
							<div class="nav_name"><a href="#">概况</a></div>
						</li>
						<li class="dropdown nav_li col-lg-2">
							<div class="nav_name">两个会议</div>							
							<ul class="dropdown-menu col-lg-12">
								<li>
									<a href="#">部门队伍思想月分析会</a>
									<a href="#">季度政工理会</a>
								</li>
							</ul>
						</li>
						<li class="dropdown nav_li col-lg-2">						
							<div class="nav_name">三种对象</div>
							<ul class="dropdown-menu col-lg-12">
								<li>
									<a href="#">帮扶管理对象</a>
									<a href="#">帮助关注对象</a>
									<a href="#">积极分子</a>
								</li>
							</ul>
						</li>
						<li class="dropdown nav_li col-lg-2">
							<div class="nav_name">四级管理</div>						
							<ul class="dropdown-menu col-lg-12">
								<li>
									<a href="#">1</a>
									<a href="#">2</a>
									<a href="#">3</a>
									<a href="#">4</a>

								</li>
							</ul>
						</li>
						<li class="dropdown nav_li col-lg-2">
							<div class="nav_name">五种成效</div>
								
							<ul class="dropdown-menu col-lg-12">
								<li>
									<a href="#">新的违法犯罪坚决杜绝</a>
									<a href="#">违纪违规明显减少</a>
									<a href="#">民警动态基本掌握</a>
									<a href="#">民警精神面貌大为改观</a>
									<a href="#">民警素质明显提高，形成团队精神和战斗力</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-8 jlpt">
					<div class="jlpt_title">
						<font>交流平台</font>
					</div>
					<div class="jlpt_content">
						交流平台:

					</div>
				</div>
				<div class="col-lg-4 lzlx">
					<div class="lzlx_title">
						<font>轮值轮训</font>
					</div>
					<div class="lzlx_content">
						<ul>
							<li><label>轮值人员：</label></li>

							<li><label>轮训人员：</label></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row mjzj">
				<div class="col-lg-12">
					<div class="mjzj_title">
						<font>民警之家</font>
					</div>
					<div class="mjzj_content">
						<img src="img/1.jpg" class="col-lg-3" />
						<img src="img/2.jpg" class="col-lg-3" />
						<img src="img/3.jpg" class="col-lg-3" />
						<img src="img/4.jpg" class="col-lg-3" />
					</div>
				</div>
			</div>
			<div>

				<!--
                	作者：1191948476@qq.com
                	时间：2017-03-05
                	描述：tab
                -->
				<ul class="nav nav-tabs my-tabs" role="tablist">
					<li role="presentation" class="active col-lg-3">
						<a href="#jtzx" aria-controls="jtzx" role="tab" data-toggle="tab">警体中心</a>
					</li>
					<li role="presentation" class="col-lg-3">
						<a href="#xljk" aria-controls="xljk" role="tab" data-toggle="tab">心理健康</a>
					</li>
					<li role="presentation" class="col-lg-3">
						<a href="#jzcm" aria-controls="jzcm" role="tab" data-toggle="tab">警钟长鸣</a>
					</li>
					<li role="presentation" class="col-lg-3">
						<a href="#xcfc" aria-controls="xcfc" role="tab" data-toggle="tab">宣传风彩</a>
					</li>
				</ul>

				<!-- Tab panes -->
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active row" id="jtzx">
						<div class="col-lg-3">
							<div class="tab-my-content">
								警体中心：

							</div>
						</div>
						<div class="col-lg-9 tab-my-img">
							<img src="img/1.jpg" />
						</div>
					</div>
					<div role="tabpanel" class="tab-pane row" id="xljk">
						<div class="col-lg-3">
							<div class="tab-my-content">
								心理健康
							</div>
						</div>
						<div class="col-lg-9 tab-my-img">
							<img src="img/2.jpg" />
						</div>
					</div>
					<div role="tabpanel" class="tab-pane row" id="jzcm">
						<div class="col-lg-3">
							<div class="tab-my-content">
								警钟长鸣
							</div>
						</div>
						<div class="col-lg-9 tab-my-img">
							<img src="img/3.jpg" />
						</div>
					</div>
					<div role="tabpanel" class="tab-pane row" id="xcfc">
						<div class="col-lg-3">
							<div class="tab-my-content">宣传风彩</div>
						</div>
						<div class="col-lg-9 tab-my-img">
							<img src="img/4.jpg" />
						</div>
					</div>
				</div>

			</div>

			<div class="yqlj">

				<!--
                	作者：1191948476@qq.com
                	时间：2017-03-05
                	描述：yqlj
                -->
				<ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active col-lg-2">
						<a href="#home" aria-controls="home" role="tab" data-toggle="tab">友情连接</a>
					</li>

				</ul>

				<!-- Tab panes -->
				<div class="tab-content ">
					<div role="tabpanel" class="tab-pane active row" id="home">
						<div class="col-lg-2">
							<img src="img/2.jpg" />
						</div>
						<div class="col-lg-2">
							<img src="img/1.jpg" />
						</div>
						<div class="col-lg-2">
							<img src="img/3.jpg" />
						</div>
						<div class="col-lg-2">
							<img src="img/4.jpg" />
						</div>
						<div class="col-lg-2">
							<img src="img/4.jpg" />
						</div>
						<div class="col-lg-2">
							<img src="img/4.jpg" />
						</div>
					</div>

				</div>

			</div>
			<div class="my_bottom">
				<label class="center-block">版权所有：桂林市兴安公安局计算机管理服 站长：张先生 技术支持：桂林安信</label>
			</div>
			

		</div>
		<script type="text/javascript">
			$(".mjzj_content img:first").css("padding-left", "0");
			$(".mjzj_content img:last").css("padding-right", "0");
			/*$(".dropdown-menu a").hover(function(){$(this).parent().parent().parent().children().eq(0).focus});*/
		/*	$(".dropdown-menu a").mouseover(alert("aaa"));*/
		</script>
	</body>

</html>